<html>
<head><style>
input {
    position: relative;
    left: 10px;
    width: 100px;
    height: 50px;
    margin: 10px 0;
    font-size: 16px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
}
</style></head>

<body>
<input inputmode="none" id="noneMode">

<input inputmode="text" id="textMode">
<input inputmode="tel" id="telMode">
<input inputmode="url" id="urlMode">
<input inputmode="email" id="emailMode">
<input inputmode="numeric" id="numericMode">
<input inputmode="decimal" id="decimalMode">
<input inputmode="search" id="searchMode">

<input type="text" inputmode="numeric" id="override">
</body>

</html>
